<style type="text/css">
.savebtn{
    width: 120px;
    height: 40px;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    border-style: none;
    float: right;
    margin-top: 50px;
    margin-right: 80px;
}

tbody select{
    width: 100%;
  height: 80%;
   border-style: none;
    background-color: #fff;
}

</style>

<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

<div class="tab-content">
    <input id="year_id_hidden" type="hidden" value="1" />

    <div id="year1" class="tab-pane fade in active content" >
        <div class="role_content" style="position: relative; margin-top: 60px;">
            <table class="table_list" id="table_my_toast" style="width: 86%; margin: 0 auto;">
                <thead>
                <tr>
                    <td colspan="">额外奖励</td>
                    <td colspan="">公司组别</td>
                    <td colspan="">金额(万元)</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <select id="selectExtraBonus1">
                            <%for(i=0;i<ExtraBonusData.length;i++){%>
                            <option data-id="<%=ExtraBonusData[i].mid%>"><%=ExtraBonusData[i].extra_bonus %></option>
                            <%}%>
                        </select>
                    </td>
                    <td>
                        <select id="selectgroup1">
                            <option data-id="undefined">公司组别</option>
                            <%for(i=0;i<dataGroup.length;i++){%>
                            <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                            <%}%>
                        </select>
                    </td>
                    <td class="money1" contenteditable="true"></td>
                </tr>

                </tbody>
            </table>
            <input type="button" class="savebtn" value="保存" id="btnSave1">
        </div>
    </div>

    <div id="year2" class="tab-pane fade content" >
        <div class="role_content" style="position: relative; margin-top: 60px;">
            <table class="table_list" id="table_my_toast" style="width: 86%; margin: 0 auto;">
                <thead>
                <tr>
                    <td colspan="">额外奖励</td>
                    <td colspan="">公司组别</td>
                    <td colspan="">金额(万元)</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <select id="selectExtraBonus2">

                            <%for(i=0;i<ExtraBonusData.length;i++){%>
                            <option data-id="<%=ExtraBonusData[i].mid%>"><%=ExtraBonusData[i].extra_bonus %></option>
                            <%}%>
                        </select>
                    </td>
                    <td>
                        <select id="selectgroup2">
                            <option data-id="undefined">公司组别</option>
                            <%for(i=0;i<dataGroup.length;i++){%>
                            <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                            <%}%>
                        </select>
                    </td>
                    <td class="money2" contenteditable="true"></td>
                </tr>

                </tbody>
            </table>
            <input type="button" class="savebtn" value="保存"  id="btnSave2">
        </div>
    </div>

    <div id="year3" class="tab-pane fade content" >
        <div class="role_content" style="position: relative; margin-top: 60px;">
            <table class="table_list" id="table_my_toast" style="width: 86%; margin: 0 auto;">
                <thead>
                <tr>
                    <td colspan="">额外奖励</td>
                    <td colspan="">公司组别</td>
                    <td colspan="">金额(万元)</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <select id="selectExtraBonus3">

                            <%for(i=0;i<ExtraBonusData.length;i++){%>
                            <option data-id="<%=ExtraBonusData[i].mid%>"><%=ExtraBonusData[i].extra_bonus %></option>
                            <%}%>
                        </select>
                    </td>
                    <td>
                        <select id="selectgroup3">
                            <option data-id="undefined">公司组别</option>
                            <%for(i=0;i<dataGroup.length;i++){%>
                            <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                            <%}%>
                        </select>
                    </td>
                    <td class="money3" contenteditable="true"></td>
                </tr>

                </tbody>
            </table>
            <input type="button" class="savebtn" value="保存"  id="btnSave3">
        </div>
    </div>

</div>
